﻿<!DOCTYPE html>
<html>
<!-- <script type="text/javascript">
  Object.defineProperty(window.navigator, 'userAgent', {
    get: function () {
      return 'Mozilla/5.0 (Linux; Android 6.0; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.114 Mobile Safari/537.36'
    }
  })
  Object.defineProperty(window.navigator, 'vendor', {
    get: function () {
      return ''
    }
  })
  Object.defineProperty(window.navigator, 'platform', {
    get: function () {
      return 'Android'
    }
  })
</script> -->

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <!-- <link rel="icon" href="data:," /> -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <!-- <meta name="apple-mobile-web-app-capable" content="yes" /> -->
  <!-- <meta name="apple-mobile-web-app-status-bar-style" content="black" /> -->
  <!-- <meta name="format-detection" content="telephone=no, email=no" />
  <meta name="msapplication-tap-highlight" content="no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> -->
  <meta name="screen-orientation" content="portrait" />
  <!-- <meta name="browsermode" content="application" />
  <meta name="x5-orientation" content="portrait" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="x5-page-mode" content="app" />
  <meta name="full-screen" content="yes" />
  <meta name="HandheldFriendly" content="true" />
  <meta name="MobileOptimized" content="640" />
  <meta name="renderer" content="webkit" /> -->

  <title>银联云闪付充值</title>
  <!-- <script src="./qrcode.min.js"></script> -->
  <script src="http://image.barchain.net/qr_alipay_3/qr_alipay3_jquery.min.js"></script>
  <!-- <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> -->
  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.3.0/ZeroClipboard.Core.js"></script> -->
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    html {
      font-size: 16px;
    }

    /* body {} */

    .union-page {
      width: 96%;
      max-width: 720px;
      height: auto;
      margin: 10px auto;
    }

    .header {
      height: 46px;
      margin-top: 2%;
      box-shadow: 0 0 1px #409eff;
      padding-left: 10px;
      border-radius: 5px;
      display: flex;
      flex-direction: row;
    }

    .header div {
      margin-top: 4px;
    }

    .welcome {
      font-size: 1.375rem;
      line-height: 46px;
      margin-left: 0.5rem;
    }

    .qrcode-wrap {
      height: 200px;
      margin-top: 2%;
      position: relative;
    }

    #qrcode_first {
      width: 162px;
      margin: 0 auto;
      margin-top: -175px;
    }

    .qr_image {
      width: 100%;
      margin-top: 2px;
    }

    #download_startapp_button_group {
      margin: 5px auto;
    }

    .card-text {
      font-size: 14px;
    }

    .wrap-title {
      font-size: 0.8rem;
      width: 175px;
      height: 175px;
      position: absolute;
      left: 50%;
      margin-left: -87.5px;
      top: -5px;
      background: linear-gradient(to left, #17a2b8, #17a2b8) left top no-repeat,
        linear-gradient(to bottom, #17a2b8, #17a2b8) left top no-repeat,
        linear-gradient(to left, #17a2b8, #17a2b8) right top no-repeat,
        linear-gradient(to bottom, #17a2b8, #17a2b8) right top no-repeat,
        linear-gradient(to left, #17a2b8, #17a2b8) left bottom no-repeat,
        linear-gradient(to bottom, #17a2b8, #17a2b8) left bottom no-repeat,
        linear-gradient(to left, #17a2b8, #17a2b8) right bottom no-repeat,
        linear-gradient(to left, #17a2b8, #17a2b8) right bottom no-repeat;
      background-size: 3px 30px, 30px 3px, 3px 30px, 30px 3px;
      border-radius: 4px;
    }

    .remind {
      position: absolute;
      top: 88%;
    }

    .order-info {
      text-align: center;
    }

    .order-info p {
      margin: 3px 0;
    }

    .link {
      display: inline-block;
      width: 33.333333%;
      margin: 2px 0;
      border: 1px solid transparent;
      font-size: 13px;
      text-align: center;
      z-index: 100;
    }

    .link svg {
      width: 90%;
      max-width: 100px;
    }

    .cf_button {
      color: rgb(253, 253, 255);
      display: inline-block;
      background-color: rgb(75, 82, 177);
      font-size: 12px;
      width: 100px;
      height: 30px;
      line-height: 30px;
      margin-top: 3px;
      border-radius: 5px;
    }

    .tips {
      color: #333;
      animation: hue 1s infinite linear;
    }

    .memo,
    .memo:visited,
    .memo:hover,
    .mome:link,
    .memo:active {
      width: auto;
      outline: none;
      border: 0;
      color: #212529;
      background-color: transparent;
    }

    .goldfish {
      width: 155px;
      height: 30px;
      margin: 0 auto;
      display: flex;
    }

    .logo {
      width: 25px;
      margin-top: 3px;
    }

    .scroll {
      margin-top: 3px;
      width: 130px;
      height: 20px;
      line-height: 25px;
      font-size: 13px;
      color: #808080;
      font-weight: 200;
    }

    .appimg {
      width: 60px;
      height: 100px;
      background: transparent;
      border: transparent;
      margin-right: 5px;
      margin-bottom: 10px;
      color: white;
    }

    .appimg_group {
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: warp;
    }

    #mask {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999998;
        color: black;
      }
      .fixed-box {
        position: fixed;
        top: 50%;
        left: 10%;
        width: 80%;
        text-align: center;
        border-radius: 5px;
        background-color: white;
      }
      .fixed-msg {
        font-size: 16px;
        line-height: 28px;
        padding-top: 5px;
        padding-bottom: 5px;
      }
      .fixed-iknow {
        height: 50px;
        color: #00abee;
        font-size: 14px;
        line-height: 50px;
        background-color: #ececec;
        border-top: solid 1px #c8c8c8;
        border-radius: 0 0 5px 5px;
      }
  </style>
</head>

<body style="background: #0a2f69;color: white;">
  <div class="union-page">
    <div class="header">
      <div>
        <svg class="icon" style="width: auto; height: 40px;vertical-align: middle;fill: currentColor;overflow: hidden;"
          viewBox="0 0 256 160" version="1.1" xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
          <g>
            <path
              d="M50.041631,0.000667563305 L113.820211,0.000667563305 C122.723127,0.000667563305 128.260438,7.25731345 126.183558,16.1897657 L96.4900715,143.675416 C94.3945365,152.576777 85.480739,159.839641 76.571605,159.839641 L12.7992433,159.839641 C3.908764,159.839641 -1.64098444,152.576777 0.435896208,143.675416 L30.1418186,16.1897657 C32.2186993,7.25731345 41.1278333,0.000667563305 50.041631,0.000667563305"
              fill="#E21836"></path>
            <path
              d="M108.513283,0.000667563305 L181.857018,0.000667563305 C190.758378,0.000667563305 186.744527,7.25731345 184.650546,16.1897657 L154.961724,143.675416 C152.878625,152.576777 153.528427,159.839641 144.608411,159.839641 L71.2646775,159.839641 C62.3446615,159.839641 56.8244495,152.576777 58.919985,143.675416 L88.6072525,16.1897657 C90.715224,7.25731345 99.6057035,0.000667563305 108.513283,0.000667563305"
              fill="#00447C"></path>
            <path
              d="M178.94783,0.000667563305 L242.726409,0.000667563305 C251.641762,0.000667563305 257.179074,7.25731345 255.085093,16.1897657 L225.396271,143.675416 C223.300736,152.576777 214.380719,159.839641 205.466922,159.839641 L141.717879,159.839641 C132.797863,159.839641 127.265215,152.576777 129.354532,143.675416 L159.048017,16.1897657 C161.124899,7.25731345 170.027814,0.000667563305 178.94783,0.000667563305"
              fill="#007B84"></path>
            <path
              d="M66.698338,40.8561434 C60.139686,40.9229891 58.202715,40.8561434 57.5840035,40.7100156 C57.346157,41.8401744 52.920349,62.256098 52.9079125,62.273198 C51.9549725,66.403641 51.261643,69.347961 48.9064975,71.2491775 C47.5695833,72.3544635 46.0088137,72.8876745 44.1993159,72.8876745 C41.2907503,72.8876745 39.5962892,71.4434965 39.3118063,68.704377 L39.2573971,67.7638735 C39.2573971,67.7638735 40.1434913,62.231225 40.1434913,62.200134 C40.1434913,62.200134 44.7884909,43.5952629 45.6201759,41.1359627 C45.6637033,40.9960531 45.6761397,40.9229891 45.6870215,40.8561434 C36.6457507,40.9354255 35.0430082,40.8561434 34.9326351,40.7100156 C34.8720075,40.9105527 34.6481522,42.0640298 34.6481522,42.0640298 L29.9052159,63.0333735 L29.4979234,64.8117805 L28.7097659,70.6289115 C28.7097659,72.3544635 29.0486581,73.762887 29.7233334,74.9536735 C31.8841598,78.729679 38.0479561,79.2955355 41.5348148,79.2955355 C46.0274683,79.2955355 50.241857,78.341041 53.089795,76.598389 C58.0332685,73.677387 59.3266555,69.1116695 60.4801325,65.0542905 L61.014898,62.972746 C61.014898,62.972746 65.7998075,43.6496723 66.6128375,41.1359627 C66.643929,40.9960531 66.656365,40.9229891 66.698338,40.8561434 Z M82.9786885,56.444252 C81.825211,56.444252 79.7172395,56.724071 77.823796,57.6521385 C77.1366845,58.0050215 76.486882,58.412314 75.8013245,58.818052 L76.420036,56.5841615 L76.081144,56.20796 C72.0657375,57.0209905 71.167207,57.129809 67.4580475,57.6521385 L67.147137,57.8588935 C66.7165265,61.4296985 66.3341065,64.1144085 64.7375825,71.133208 C64.129753,73.7199815 63.498605,76.331628 62.8659025,78.912183 L63.036903,79.2401935 C66.8377815,79.0396565 67.9912585,79.0396565 71.29468,79.0940655 L71.562063,78.8033645 C71.981792,76.65342 72.036201,76.1497455 72.965823,71.795447 C73.402652,69.7310025 74.313619,65.1948215 74.7628845,63.579643 C75.588351,63.197223 76.402936,62.8210215 77.1802115,62.8210215 C79.0316825,62.8210215 78.8062725,64.4362005 78.734763,65.079785 C78.655481,66.160198 77.9808055,69.68903 77.2890305,72.7188505 L76.8273285,74.674476 C76.5055365,76.1186545 76.152653,77.522414 75.830861,78.954156 L75.9707705,79.2401935 C79.7172395,79.0396565 80.859835,79.0396565 84.0591015,79.0940655 L84.435303,78.8033645 C85.013596,75.4455335 85.183042,74.547003 86.209046,69.6579385 L86.725157,67.411612 C87.727843,63.0153405 88.2315175,60.786114 87.4728965,58.970398 C86.670748,56.93549 84.7462135,56.444252 82.9786885,56.444252 Z M101.165696,61.047123 C99.1743155,61.429543 97.904247,61.684489 96.6419515,61.8492715 C95.3905375,62.049809 94.1702145,62.2316915 92.24568,62.499074 L92.093334,62.637429 L91.9534245,62.7478025 C91.7528875,64.181099 91.6129775,65.420076 91.3471495,66.876691 C91.1217395,68.383051 90.7750745,70.094612 90.2107725,72.5539125 C89.7739435,74.436474 89.5485335,75.092495 89.299805,75.754734 C89.057295,76.4169725 88.7899125,77.060557 88.298674,78.9120275 L88.413711,79.0830285 L88.510093,79.240038 C90.308709,79.1545375 91.4855045,79.09391 92.6949455,79.0830285 C93.902832,79.039501 95.1542455,79.0830285 97.0912165,79.09391 L97.260663,78.955555 L97.4425455,78.803209 C97.7223645,77.133621 97.7643375,76.6843555 97.935338,75.8697705 C98.104784,74.9961125 98.39704,73.786672 99.113688,70.556314 C99.4525805,69.039072 99.8303365,67.5264935 100.181665,65.97816 C100.546985,64.436045 100.929404,62.9172485 101.293169,61.4000065 L101.23876,61.2165695 L101.165696,61.047123 Z M101.208135,54.841043 C99.3986375,53.7730665 96.222689,54.1119585 94.0851805,55.587228 C91.953891,57.0329605 91.711381,59.0849685 93.5146605,60.166936 C95.293067,61.2053765 98.481452,60.896021 100.600305,59.408315 C102.726932,57.9314915 102.99276,55.898138 101.208135,54.841043 Z M112.151399,79.574733 C115.812368,79.574733 119.565055,78.565829 122.389675,75.571763 C124.562938,73.143554 125.559405,69.5307765 125.904516,68.043071 C127.028457,63.112034 126.153244,60.809743 125.054176,59.407538 C123.384588,57.2700295 120.43405,56.5844725 117.373138,56.5844725 C115.532549,56.5844725 111.148714,56.766355 107.724038,59.923649 C105.264737,62.2010665 104.12836,65.291515 103.442803,68.2544895 C102.751028,71.2734285 101.955097,76.70814 106.95298,78.7306115 C108.495095,79.3928505 110.718104,79.574733 112.151399,79.574733 Z M111.865362,68.4798995 C112.709484,64.7458675 113.705951,61.6118915 116.249197,61.6118915 C118.242132,61.6118915 118.386705,63.943719 117.500611,67.6901875 C117.342047,68.5218725 116.614517,71.6138755 115.630486,72.9305805 C114.943374,73.902175 114.130344,74.49135 113.231813,74.49135 C112.96443,74.49135 111.374124,74.49135 111.349251,72.1299865 C111.336815,70.964073 111.574661,69.7732865 111.865362,68.4798995 Z M135.05616,79.094532 L135.342197,78.803831 C135.747935,76.6538865 135.814781,76.148657 136.713312,71.7959135 C137.162577,69.731469 138.092198,65.195288 138.529028,63.580109 C139.356049,63.196135 140.156643,62.8199335 140.958791,62.8199335 C142.797825,62.8199335 142.57397,64.4351125 142.500907,65.0786965 C142.43406,66.1606645 141.759386,69.6879415 141.055173,72.717762 L140.618345,74.673388 C140.284116,76.1191205 139.920351,77.521326 139.598559,78.9546225 L139.738469,79.24066 C143.497374,79.0401225 144.596441,79.0401225 147.814363,79.094532 L148.203001,78.803831 C148.767303,75.4444455 148.919649,74.5459145 149.976744,69.658405 L150.480419,67.410524 C151.487768,63.0142525 151.99766,60.7865805 151.251476,58.9708645 C150.426009,56.9359565 148.489038,56.4447185 146.746386,56.4447185 C145.591354,56.4447185 143.472501,56.722983 141.589939,57.652605 C140.916819,58.005488 140.242143,58.411226 139.579904,58.8185185 L140.156643,56.584628 L139.847287,56.206872 C135.833436,57.021457 134.91625,57.1302755 131.211754,57.652605 L130.927271,57.85936 C130.478006,61.4301645 130.112686,64.1133205 128.516162,71.1336745 C127.908333,73.720448 127.277185,76.332094 126.646037,78.9126495 L126.815483,79.24066 C130.622579,79.0401225 131.758957,79.0401225 135.05616,79.094532 Z M162.673542,79.2398825 C162.909834,78.0864055 164.313594,71.2494885 164.32603,71.2494885 C164.32603,71.2494885 165.52148,66.232951 165.594545,66.0510685 C165.594545,66.0510685 165.970746,65.5287395 166.346947,65.321984 L166.900367,65.321984 C172.122106,65.321984 178.018519,65.321984 182.6402,61.92218 C185.785058,59.590353 187.935002,56.1470215 188.89416,51.9621695 C189.142889,50.9361655 189.326326,49.7158426 189.326326,48.4955199 C189.326326,46.8927774 189.004534,45.3071349 188.074912,44.0681575 C185.718212,40.770954 181.025022,40.7103265 175.60741,40.6854536 C175.59031,40.6854536 172.93669,40.7103265 172.93669,40.7103265 C166.001837,40.7958268 163.220744,40.770954 162.078149,40.6310444 C161.981767,41.1362735 161.799884,42.0348043 161.799884,42.0348043 C161.799884,42.0348043 159.315711,53.547812 159.315711,53.5664665 C159.315711,53.5664665 153.371107,78.0444325 153.091287,79.1979095 C159.146265,79.124846 161.628884,79.124846 162.673542,79.2398825 Z M167.276569,58.7882045 C167.276569,58.7882045 169.917752,47.2985153 169.905316,47.3420427 L169.990815,46.7528678 L170.028125,46.3036024 L171.083665,46.4124209 C171.083665,46.4124209 176.530813,46.8803409 176.658287,46.8927774 C178.808231,47.7244624 179.694325,49.8681887 179.075614,52.666381 C178.511312,55.223618 176.852606,57.373563 174.721316,58.412003 C172.966227,59.291879 170.816282,59.364943 168.601047,59.364943 L167.167751,59.364943 L167.276569,58.7882045 Z M183.721236,68.692718 C183.023242,71.668129 182.221093,77.102841 187.194103,79.039812 C188.779745,79.714487 190.200605,79.915024 191.644784,79.8419605 C193.169799,79.759569 194.582886,78.99473 195.891818,77.8941075 C195.773673,78.346482 195.655527,78.7988565 195.537381,79.2527855 L195.76279,79.5434865 C199.339813,79.392695 200.449763,79.392695 204.325259,79.4222315 L204.676588,79.1548485 C205.242445,75.8281085 205.775656,72.597751 207.246262,66.2334175 C207.962909,63.184942 208.678003,60.1660035 209.413306,57.1299645 L209.29827,56.795736 C205.296854,57.537257 204.227323,57.6958215 200.378253,58.241469 L200.085998,58.479315 C200.047134,58.788671 200.006716,59.08559 199.969406,59.3825095 C199.370904,58.4155785 198.503465,57.590112 197.164996,57.0755555 C195.453434,56.4024345 191.433365,57.269874 187.977597,60.416286 C185.549388,62.662613 184.383475,65.7406245 183.721236,68.692718 Z M192.12514,68.8746005 C192.981698,65.2074135 193.965729,62.104529 196.515194,62.104529 C198.127263,62.104529 198.976048,63.5922345 198.803493,66.1292625 C198.666693,66.761965 198.51901,67.4288675 198.343345,68.182825 C198.0884,69.2725655 197.811689,70.3529785 197.542752,71.4349465 C197.26915,72.174913 196.950468,72.8729065 196.600694,73.3377175 C195.944673,74.267339 194.383904,74.8440775 193.485373,74.8440775 C193.230426,74.8440775 191.65722,74.8440775 191.602811,72.524687 C191.590374,71.3696555 191.828221,70.1804235 192.12514,68.8746005 Z M236.010903,56.766044 L235.701548,56.413161 C231.742105,57.2153095 231.025456,57.3427825 227.387807,57.834021 L227.120423,58.1014035 C227.107988,58.144931 227.097105,58.211777 227.078451,58.2724045 L227.066014,58.211777 C224.357986,64.459519 224.437268,63.111723 222.232914,68.0303235 C222.220477,67.806468 222.220477,67.6665585 222.208042,67.428712 L221.656175,56.766044 L221.30951,56.413161 C217.161968,57.2153095 217.064031,57.3427825 213.233616,57.834021 L212.935143,58.1014035 C212.893169,58.228877 212.893169,58.3687865 212.868297,58.5211325 L212.893169,58.575542 C213.371971,61.022406 213.256934,60.4767585 213.737291,64.338264 C213.961146,66.233262 214.25962,68.139142 214.483475,70.010822 C214.861232,73.143243 215.072651,74.685358 215.534352,79.4656035 C212.947578,83.7344015 212.335085,85.3495805 209.844694,89.0960495 L209.861794,89.1333585 L208.10826,91.906678 C207.907723,92.198934 207.725841,92.399471 207.470894,92.4849715 C207.191075,92.6233265 206.82731,92.648199 206.32208,92.648199 L205.350486,92.648199 L203.906308,97.451763 L208.860663,97.5372635 C211.769228,97.524827 213.597381,96.1645945 214.581412,94.336442 L217.696733,88.9981125 L217.646987,88.9981125 L217.974998,88.621911 C220.070533,84.110603 236.010903,56.766044 236.010903,56.766044 Z M183.72108,119.853625 L181.619326,119.853625 L189.398302,94.1242455 L191.978857,94.1242455 L192.798105,91.4737355 L192.877387,94.421165 C192.781005,96.243099 194.214302,97.858278 197.979425,97.5908955 L202.333723,97.5908955 L203.832311,92.63654 L202.193814,92.63654 C201.251756,92.63654 200.814927,92.3986935 200.869337,91.888801 L200.790054,88.890071 L192.726596,88.890071 L192.726596,88.9056165 C190.119614,88.960026 182.33442,89.1558995 180.758105,89.5756285 C178.850671,90.0668665 176.840635,91.5125995 176.840635,91.5125995 L177.630347,88.85898 L170.087664,88.85898 L168.516013,94.1242455 L160.632883,120.246927 L159.103204,120.246927 L157.603062,125.165528 L172.626247,125.165528 L172.122572,126.805579 L179.525345,126.805579 L180.016584,125.165528 L182.093465,125.165528 L183.72108,119.853625 Z M177.557284,99.352202 C176.349398,99.6864305 174.101516,100.699998 174.101516,100.699998 L176.100669,94.1242455 L182.093465,94.1242455 L180.647732,98.915373 C180.647732,98.915373 178.796261,99.0241915 177.557284,99.352202 Z M177.672321,108.746356 C177.672321,108.746356 175.789759,108.982648 174.550781,109.262467 C173.330458,109.632451 171.042159,110.798364 171.042159,110.798364 L173.106603,103.955229 L179.13049,103.955229 L177.672321,108.746356 Z M174.31449,119.914253 L168.30304,119.914253 L170.045692,114.139095 L176.038487,114.139095 L174.31449,119.914253 Z M188.791404,103.955229 L197.456474,103.955229 L196.211278,107.987735 L187.431173,107.987735 L186.112912,112.396443 L193.795505,112.396443 L187.978375,120.587374 C187.571082,121.188986 187.205762,121.401959 186.800025,121.571405 C186.392732,121.77816 185.857967,122.02067 185.239255,122.02067 L183.107965,122.02067 L181.643577,126.849107 L187.218198,126.849107 C190.115882,126.849107 191.827443,125.530847 193.091294,123.800631 L197.080273,118.341047 L197.936831,123.884578 C198.118713,124.923017 198.864898,125.530847 199.370127,125.767139 C199.928211,126.046958 200.50495,126.527315 201.319535,126.598824 C202.193192,126.636133 202.82434,126.66567 203.244069,126.66567 L205.983189,126.66567 L207.627904,121.262049 L206.547491,121.262049 C205.927224,121.262049 204.859248,121.157894 204.677366,120.963575 C204.495483,120.727283 204.495483,120.363518 204.397546,119.810098 L203.528552,114.254131 L199.970183,114.254131 L201.530954,112.396443 L210.293959,112.396443 L211.641755,107.987735 L203.528552,107.987735 L204.792402,103.955229 L212.880733,103.955229 L214.380875,98.982219 L190.266674,98.982219 L188.791404,103.955229 Z M115.605924,121.037106 L117.628395,114.309008 L125.940582,114.309008 L127.459378,109.304907 L119.139419,109.304907 L120.409488,105.163582 L128.539791,105.163582 L130.046152,100.318045 L109.703292,100.318045 L108.228023,105.163582 L112.849704,105.163582 L111.616945,109.304907 L106.982827,109.304907 L105.446931,114.394508 L110.067057,114.394508 L107.371465,123.295869 C107.0077,124.474219 107.542466,124.923484 107.881358,125.470686 C108.228023,126.003897 108.579352,126.35678 109.369064,126.557317 C110.183649,126.7392 110.741733,126.848018 111.500354,126.848018 L120.87119,126.848018 L122.540778,121.304488 L118.387016,121.875009 C117.584868,121.875009 115.363414,121.778627 115.605924,121.037106 Z M116.55933,88.8286665 L114.452913,92.635763 C114.002093,93.4674475 113.596355,93.983559 113.231036,94.221405 C112.909244,94.4219425 112.271878,94.505888 111.348474,94.505888 L110.249406,94.505888 L108.780355,99.3762975 L112.430442,99.3762975 C114.18553,99.3762975 115.533326,98.7327135 116.176911,98.410921 C116.868686,98.040938 117.050568,98.252357 117.585334,97.736246 L118.818094,96.668269 L130.216064,96.668269 L131.728643,91.5973225 L123.385365,91.5973225 L124.84198,88.8286665 L116.55933,88.8286665 Z M133.386416,121.134887 C133.192097,120.855067 133.332007,120.362275 133.628926,119.336271 L136.744247,109.024932 L147.826644,109.024932 C149.441823,109.001614 150.607736,108.982959 151.366357,108.92855 C152.180942,108.843049 153.067037,108.552348 154.032413,108.030019 C155.028881,107.482817 155.538773,106.906078 155.969384,106.243839 C156.44974,105.583155 157.220798,104.137422 157.883037,101.908196 L161.798952,88.859291 L150.298381,88.926137 C150.298381,88.926137 146.757113,89.448466 145.197898,90.0252045 C143.624692,90.668789 141.37681,92.4658505 141.37681,92.4658505 L142.415251,88.8888275 L135.31095,88.8888275 L125.364931,121.874854 C125.012048,123.155803 124.775756,124.085425 124.721347,124.643509 C124.702692,125.245121 125.479968,125.840514 125.983643,126.289779 C126.579036,126.739045 127.458911,126.665981 128.303033,126.739045 C129.190682,126.805891 130.452978,126.847863 132.195629,126.847863 L137.655214,126.847863 L139.33102,121.189296 L134.443511,121.650998 C133.921182,121.650998 133.543426,121.371178 133.386416,121.134887 Z M138.754282,102.060541 L150.394763,102.060541 L149.654797,104.379932 C149.550642,104.434341 149.301913,104.264895 148.117345,104.404805 L138.037634,104.404805 L138.754282,102.060541 Z M141.086109,94.2815665 L152.824526,94.2815665 L151.980405,97.075095 C151.980405,97.075095 146.447757,97.020686 145.561663,97.1839135 C141.662847,97.858589 139.38543,99.941688 139.38543,99.941688 L141.086109,94.2815665 Z M149.915339,112.146937 C149.818957,112.493602 149.666611,112.705021 149.453638,112.863585 C149.217345,113.015931 148.834926,113.07034 148.264406,113.07034 L146.605699,113.07034 L146.703636,110.245721 L139.804537,110.245721 L139.524718,124.054801 C139.513836,125.051268 139.610218,125.628007 140.339303,126.089709 C141.068387,126.666447 143.314714,126.739511 146.338316,126.739511 L150.661524,126.739511 L152.222294,121.570628 L148.458724,121.777383 L147.207311,121.850447 C147.03631,121.777383 146.873082,121.710537 146.6912,121.528655 C146.532635,121.371645 146.265253,121.468028 146.30878,120.47156 L146.338316,116.931847 L150.285323,116.768619 C152.416613,116.768619 153.32758,116.075288 154.104855,115.414604 C154.846376,114.781902 155.088886,114.054372 155.368706,113.07034 L156.030945,109.936365 L150.607114,109.936365 L149.915339,112.146937 Z"
              fill="#FEFEFE"></path>
          </g>
        </svg>
      </div>
      <span class="welcome">欢迎使用 银联支付</span>
    </div>
    <div class="sction">
      <p style="font-size:14px;line-height: 24px;width:96%;margin:10px auto 2px;">
        &nbsp;&nbsp;&nbsp;&nbsp;推荐您使用最便捷的充值方式，您只需要:
        <span style="color:red;font-weight: bold">长按二维码保存图片</span>
        和点击 <span style="color:palevioletred;">复制金额</span> 按钮，打开
        <span style="color:red;font-weight: bold">银联银行的APP</span>
        或
        <span style="color:red;font-weight: bold">云闪付APP</span>
        ，从相册选取该图并粘贴支付金额，即可进行支付！
        <span style="color: red">切记，请勿重复支付，请勿修改金额</span>
      </p>
      <div style="height:95px;text-align:center;margin:8px auto 15px;border-radius: 4px;">
        <p style="height:48px;line-height:45px;overflow: hidden;margin:-10px 0;">
          ¥
          <span id="amo" style="font-weight:800;color:#9ed73f;font-size:40px;">{{ real_amount }}</span>
        </p>
        <div style="background-color:palevioletred;padding: 5px; color:white;border-radius: 3px;font-size:14px;text-align: center;width: 56px;height: 24px;margin: 0 auto;line-height: 24px;cursor:pointer;margin-top: 5px;" onclick="buttonClick()">复制金额</div>
        <!-- <p style="margin:4px 0 1px; display: none;">
          <span>订单号：</span><button type="button" id="mem" class="memo" style="color:#f00;font-size:16px;"></button>
        </p> -->
        <!-- <p style="margin:0.4em 0;">
          <span>过期时间：</span><button type="button" id="dat" class="memo" style="color:#efea15;font-size:16px;">
            02-12 16:01:03
          </button>
        </p> -->
      </div>

      <div class="qrcode-wrap">
        <div class="wrap-title"></div>
        <div id="tixing_desc">
          <!-- <a id="qrcode_first_link" href=""> -->

          <!-- </a> -->
          <div class="remind">
            <div id="qrcode_first" style="z-index: 9999;">
                <img src="{{ cloud_url }}" class="qr_image" />
              </div>
            <div id="get_url" style="display: none">{{ cloud_url }}</div>
            <p
              style="color:#808080;font-size: 15px;margin-top: 5px;text-align: center;letter-spacing: 1px;margin-bottom:1px;margin-top:8px;">
              二维码过期剩:
              <span id="timer" style="color:#f00;"></span>
            </p>
            <div class="order-info">
              <!-- <p style="text-align: center;">
                到账以实际支付金额为准，请放心支付
              </p> -->
              <p style="text-align: center;">
                正常付款
                <span style="color: red">1</span>
                分钟内到账，请放心支付
              </p>
              <p style="color:red;text-align: center;">
                请勿重复支付，请勿修改金额
              </p>
              <p style="color:red;text-align: center;">
                如无法长按保存图片，请截屏保存再扫描
              </p>
            </div>
            <br />
            <a href="upwallet://" style="text-align: center; text-decoration: none">
              <div
                style="width:90%;height:50px;line-height: 50px;margin-left: 5%;text-align: center;background-color:#f00;color:aliceblue;border-radius:3px;font-size: 30px;">
                打开云闪付APP
              </div>
            </a>
            <p style="text-align:left;margin:8px 0 2px;font-size:15px;">
              二维码支持的APP列表：
            </p>
            <div class="appimg_group">
              <button class="appimg" onclick="download_app(this)" data-ios="https://itunes.apple.com/cn/app/id600273928"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.unionpay">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20171206145954.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  云闪付
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/zhong-guo-yin-xing-shou-ji/id399608199?mt=8"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.chinamworld.bocmbci">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526140733.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  中国银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/nong-xing-zhang-shang-yin-xing/id515651240?mt=8"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.android.bankabc">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170707163613.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  农业银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/gong-xing-shou-ji-yin-xing/id423514795?mt=8"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.icbc">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526141013.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  工商银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/zhong-guo-jian-she-yin-xing/id391965015?mt=8"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.chinamworld.main">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526140454.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  建设银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/jiao-tong-yin-xing/id337876534?mt=8"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.bankcomm.Bankcomm">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526135958.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  交通银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/you-chu-shou-ji-yin-xing/id493489515?mt=8"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.yitong.mbank.psbc">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526134223.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  邮储银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)" data-ios="https://itunes.apple.com/cn/app/id392899425"
                data-android="http://youhui.95516.com/hybrid_v3/html/help/download.html">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526134200.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  招商银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/pu-fa-shou-ji-yin-xing/id471855847?mt=8"
                data-android="https://sj.qq.com/myapp/detail.htm?apkName=cn.com.spdb.mobilebank.per&apkCode=132">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526114559.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  浦发银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/min-sheng-yin-xing-shou-ji/id523091708?mt=8"
                data-android="https://sj.qq.com/myapp/detail.htm?apkName=cn.com.cmbc.newmbank">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170918111337.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  民生银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/min-sheng-yin-xing-shou-ji/id447733826?mt=8"
                data-android="https://sj.qq.com/myapp/detail.htm?apkName=com.cebbank.mobile.cemb">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170712174527.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  光大银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)" data-ios="https://itunes.apple.com/cn/app/id415872960"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.cgbchina.xpt">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526113747.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  广发银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)"
                data-ios="https://itunes.apple.com/cn/app/xing-ye-yin-xing-shou-ji-yin/id433592972?mt=8"
                data-android="https://sj.qq.com/myapp/detail.htm?apkName=com.cib.cibmb">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170526161709.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  兴业银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)" data-ios="https://itunes.apple.com/cn/app/id485543769"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=cn.com.cqb.mobilebank.per">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20171127111812.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  重庆银行
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)" data-ios="https://itunes.apple.com/cn/app/id414245413"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.jingdong.app.mall">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170718191428.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  京东
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)" data-ios="https://itunes.apple.com/cn/app/id423084029"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=com.sankuai.meituan">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20170718191704.png"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  美团
                </div>
              </button>
              <button class="appimg" onclick="download_app(this)" data-ios="https://itunes.apple.com/cn/app/id379395415"
                data-android="https://android.myapp.com/myapp/detail.htm?apkName=ctrip.android.view">
                <img src="http://image.barchain.net/yinlian_zhifu/logoFile_20180913095651.jpg"
                  style="width:100%;" />
                <div style="bottom:5px;align-content: center;font-size: 15px;height:40px;">
                  携程
                </div>
              </button>
            </div>
            <!-- <p>
              <a style="color:deeppink;text-align:left;margin:18px 0 2px;font-size:15px;"
                href="https://billcloud.unionpay.com/upwxs-mktc/web/mapp/wxe990cdbcc189456e/custom/alllist"
                target="_blank">更多</a>
            </p> -->
            <div style="width:100%;border-bottom:1px solid #eee;margin-top:10px;"></div>
            <br />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="mask" style="display: none;" onclick="closemask()">
      <div class="fixed-box">
          <div class="fixed-msg">
            <div>本次支付金额:</div>
            <div> 【<span style="color: red;">{{ real_amount }}</span>】元</div>
            <div>加载完毕后长按二维码保存图片</div>
          </div>
          <div class="fixed-iknow">支付金额已复制，请勿修改金额</div>
      </div>
  </div>
  <script>

    // $(function(){
    //   var copyMsg = document.getElementById('amo').innerText;
    // 	var input = document.createElement("input");
    //   input.value = copyMsg;
    //   document.body.appendChild(input);
    //   input.select();
    //   input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
    //   document.body.removeChild(input);
    //   console.log(copyMsg, '00000011')
    // });

    var payUrl = "";
    var memo = "";
    var amount = "";
    var oTime = document.getElementById('time');
    var sec = 0;
    var sec_max = 60 * 10;
    var flag = false;
    // var expired = "./qr_expire.jpg";
    var url = location.search;

    // window.onload=function() {
    //   setTimeout(function(){
    //     var text = document.getElementById('amo').innerText;
    //     var input1 = document.createElement("input");
    //     input1.value = text; // 修改文本框的内容
    //     input1.select(); // 选中文本
    //     document.execCommand("copy"); // 执行浏览器复制命令
    //     console.log(text)
    //   },1000)
    // }

    // 复制金额
    function copy(message) {
      var input = document.createElement("input");
      input.value = message;
      document.body.appendChild(input);
      input.select();
      input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
      document.body.removeChild(input);
      // alert("复制成功", "text");
    }

    // 点击一键保存触发 下载 复制 弹框
    function buttonClick() {
      // var x = new XMLHttpRequest();
      // var get_url = document.getElementById('get_url').innerText;
      var copyMsg = document.getElementById('amo').innerText;
      // console.log(get_url, copyMsg)
      // x.open("GET", get_url, true);
      // x.responseType = 'blob';
      // x.onload=function(e){
      //   var url = window.URL.createObjectURL(x.response)
      //   var a = document.createElement('a');
      //   a.href = url
      //   a.download = ''
      //   a.click()
      // }
      // x.send();
      copy(copyMsg);
      document.getElementById('mask').style.cssText= "display: block;";
    }


    function closemask() {
      document.getElementById('mask').style.cssText= "display: none;"
    }

    function download_app(object) {
        var isIOS = navigator.userAgent.match(/(iPhone|iPod|iPad);?/i);
        var r = confirm(`即将前往下载${object.innerText}APP`);
        if (r) {
            if(isIOS) {
                window.location.href = object.getAttribute("data-ios");
            } else {
                window.location.href = object.getAttribute("data-android");
            }
        }
    }

      // 倒计时
      var maxtime;
      if(window.name==''){
       maxtime = 10*60;
       }else{
       maxtime = window.name;
      }

      function CountDown(){
        if(maxtime>=0){
          minutes = Math.floor(maxtime/60);
          seconds = Math.floor(maxtime%60);
          msg = minutes+"分"+seconds+"秒";
          document.getElementById("timer").innerHTML = msg;
          --maxtime;
          window.name = maxtime;
        }else{
          document.getElementById("timer").innerHTML = '0 分 0 秒';
          clearInterval(timer);
        }
      }
      timer = setInterval("CountDown()",1000);

    function passDate() {
        var time = new Date(parseInt(new Date().getTime() + sec_max * 1000));
        var y = time.getFullYear();
        var mon = time.getMonth() + 1;
        mon = mon < 10 ? "0" + mon : mon;
        var d = time.getDate();
        d = d < 10 ? "0" + d : d;
        var h = time.getHours();
        h = h < 10 ? "0" + h : h;
        var m = time.getMinutes();
        m = m < 10 ? "0" + m : m;
        var s = time.getSeconds();
        s = s < 10 ? "0" + s : s;
        var sdate = mon + "-" + d + " " + h + ":" + m + ":" + s;
        return sdate;
    }
  </script>
</body>

</html>